import React from 'react'
import { Image, Flex, FloatingBall } from 'react-vant';
import shuaxin from "@/assets/images/but/shuaxin.png"
import style from "./index.module.less"

const Refresh = ({ change = () =>{}, ...props }) => {

  return (
    // <div onClick={change} style={{ position: "fixed", right: 10, top: "50%" }}>
    //   <Image width={41} height={41} src={shuaxin} />
    // </div>
    <FloatingBall
      offset={{
        right: 20,
        bottom: "45vh",
      }}
      draggable={true}
      adsorb={false}
    >
      <Flex align='center' justify='center' className='main-button'>
        <div className={style.content_box}>
          <Image onClick={change} width={41} height={41} src={shuaxin} />
        </div>
      </Flex>
    </FloatingBall>
  )
}

export default Refresh;
